<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%@ include file="./common/beforeContent.jsp"%>

<div class="wrapper">
    <div class="wrapper">
    <div class="top">
        <div class="w1000">
            <h1 class="fleft"><img src="/resources/img/logo2.png" width="290" height="40"/></h1>
            <p class="fright f14 blue"><a href="/login" class="f14 mr10">登录</a>|<a href="/front/register" class="f14 ml10">注册</a></p>
        </div>
    </div><!--/top-->
    <div class="cont">
        <form id="forget_valid_form" class="flow_cont w800">
            <img src="/resources/img/flow1.png" class="flow"/>
            <div class="ints label-item label-item-left100">
                <label><span class="star pr5">*</span>手机号码</label>
                <input name="u" type="text" class="input w260" placeholder="请输入手机号码"
                       datatype="m" nullmsg="请输入手机号码" errormsg="手机号码的格式不正确"/>
            </div>
            <div class="ints label-item label-item-left100">
                <label><span class="star pr5">*</span>短信验证码</label>
                <input name="vcode" type="text" class="input w260" placeholder="请输入短信验证码"
                       datatype="s6-6" nullmsg="请输入短信验证码" errormsg="请输入短信验证码"/>
                <span class="blue f14 hqyzm"><a href="javascript:;" class="forget_vcode"></a></span>
            </div>
            <div class="ints">
                <button class="confirm_but forget_valid">确定</button>
            </div>
        </form>

        <form id="forget_pwd_form" class="flow_cont w800 hiddenable">
            <img src="/resources/img/flow2.png" class="flow"/>
            <div class="ints label-item label-item-left100">
                <label><span class="star pr5">*</span>新密码</label>
                <input name="p" type="password" class="input w260" placeholder="请输入密码"
                       datatype="*6-20,pw" nullmsg="请输入密码" errormsg="密码格式不正确"/>
                <span class="sx_gray f14 fright mt10">长度6~20,至少包含数字、字母和符号两种</span>
            </div>
            <div class="ints label-item label-item-left100">
                <label><span class="star pr5">*</span>确认新密码</label>
                <input name="p2" type="password" class="input w260" placeholder="请再次输入密码"
                       datatype="*6-20,pw" recheck="p" nullmsg="请再次输入密码" errormsg="您两次输入的密码不同"/>
                <span class="sx_gray f14 fright mt10"></span>
            </div>
            <div class="ints">
                <button class="confirm_but forget_pwd">确定</button>
            </div>
        </form>

        <form id="forget_success_form" class="flow_cont w800 hiddenable">
            <img src="/resources/img/flow3.png" class="flow"/>
            <p class="text-ceter" style="font-size: 24px;">您的密码已经重置成功。</p>
            <p class="text-ceter mt15">即将跳转到登录页（<span class="forget_success_timeout"></span>s）</p>
        </form>
    </div><!--/cont-->
    <%@ include file="./common/bottom.jsp"%>
</div><!--/wrapper-->

<%@ include file="./common/javascript.jsp"%>

<script type="text/javascript" src="${resourcePath}/resources/front/forget.js"></script>

<%@ include file="./common/afterContent.jsp"%>